<template>
    <div>
        <div>{{ $route.meta.title }}</div>
        <!-- 解决固定搭配  -->
        <ul>
            <li is="v-one"></li>
        </ul>
        <button @click="changeIs">changeIs</button>
        <div :is="name"></div>
    </div>
</template>
<script>
import vOne from "./vOne.vue";
import vTwo from "./vTwo.vue";
export default {
    components: {
        vOne,
        vTwo
    },
    data() {
        return {
            name: 'v-one',
        }
    },
    methods: {
        changeIs() {
            this.name = this.name === 'v-one' ? 'v-two' : 'v-one';
        }
    }
}
</script>
<style></style>